<template>
  <el-dialog
    :title="title"
    :visible="visible"
    width="30%"
    @close="close"
  >
    <div v-if="title=='车辆停用'">
      <span>确定要停用吗？车辆停用需满足以下条件：</span>
      <div style="margin-top: 20px;">1.车辆当前无运输任务 </div>
      <div style="margin-top: 20px;">2.车辆无关联运输线路</div>
      <div style="color:#ffc53c; margin-top: 20px;">注：停用后司机将自动解除绑定</div>
    </div>
    <div v-else>
      <span>确定要启用吗？车辆启用需满足以下条件：</span>
      <div style="margin-top: 20px;">1.车辆信息已完善 </div>
      <div style="margin-top: 20px;">2.绑定司机>=2,且有排班</div>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="close">取 消</el-button>
      <el-button type="primary" @click="submit">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
// import { blockCarParticulars, startCarParticulars } from '@/api/truck'
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    title: {
      type: String,
      default: '车辆停用'
    },
    id: {
      type: String,
      default: null
    }
  },
  created() {

  },
  methods: {
    // 对话框隐藏
    close() {
      this.$emit('update:visible', false)
    },
    // 提交
    async submit() {
      if (this.title === '车辆停用') {
        // 停用
        // await blockCarParticulars(this.id)
        this.$message.error('很抱歉，演示系统，不允许修改')
      } else {
        // 启用
        // await startCarParticulars(this.id)
        this.$message.error('很抱歉，演示系统，不允许修改')
      }
      this.close()
    }
  }
}
</script>

<style>

</style>
